<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>卡券</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection"/>
  <link href="" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" href="/css/icon.css">
  <link href="/memberCard/memberCard.css" rel="stylesheet" type="text/css"/>
  <style>
      .card{
        border-radius: 10px;border:1px rgba(3, 3, 3, 0.1) solid;margin: 20px;
      }
      .item-content{
        display: flex;width: 100%;
        /* padding: 5px 5px; */
      }
      .item-media{
        width: 20%;display: flex;align-items: center;padding: 0px 10px;
      }
      .item-inner{
        margin-left: .80rem;padding-top: .5rem;padding-bottom: .45rem;width: 80%;
      }
      .item-subtitle{
        /* font-size: 14px;height: 34px;overflow: hidden;position: relative; */
            margin: 5px 0; 
            /* height: 36px; */
            font-size: 14px;
            overflow:hidden; 
            text-overflow:ellipsis;
            display:-webkit-box; 
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
      }
      .aui-palace-grid-icon{
        font-size: 14px;color:cornflowerblue;
      }
      .icon phone{
        color:#468ada;font-size:14px
      }
  </style>
</head>
<body style="background-color: white;">
    <div class="merberCard-top">
        <div class="">
            <div class="card">
                <div class="card-content"> 
                    <div class="list-block media-list">
                        <ul>
                        <li class="item-content">
                            <div class="item-media">
                                <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="100%" style="border-radius: 50%;">
                            </div>
                            <div class="item-inner">
                                <div class="item-title-row">
                                    <div class="item-title">林公子</div>
                                </div>
                                <div class="item-subtitle">
                                    消费金额：<span>￥1500.00</span>
                                </div>
                                <div class="item-subtitle">
                                    消费积分：<span>1800</span>
                                </div>
                            </div>
                        </li>
                        </ul>
                    </div>
                    </div>
                </div> 
            </div>
            <div class="card">
                <div class="card-content"> 
                    <div class="list-block media-list">
                        <ul>
                        <li class="item-content">
                            <div class="item-media">
                                <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="100%" style="border-radius: 50%;">
                            </div>
                            <div class="item-inner">
                                <div class="item-title-row">
                                    <div class="item-title">林公子</div>
                                </div>
                                <div class="item-subtitle">
                                    消费金额：<span>￥1500.00</span>
                                </div>
                                <div class="item-subtitle">
                                    消费积分：<span>1800</span>
                                </div>
                            </div>
                        </li>
                        </ul>
                    </div>
                    </div>
                </div> 
            </div>
        </div>
        
       
    </div>

</body>

</html>